@charset "UTF-8";

/* CSS reset */

/* line 3, ../sass/_reset.scss */
html {
    color: #000;
    background: #f2f2f2;
    font-family: Arial, 'Microsoft YaHei';
}

/* line 4, ../sass/_reset.scss */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
strong {
    padding: 0;
    margin: 0;
    font-family: Arial, 'Microsoft YaHei';
}

/* line 5, ../sass/_reset.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 6, ../sass/_reset.scss */
fieldset,
img {
    border: 0;
}

/* line 7, ../sass/_reset.scss */
a {
    text-decoration: none;
    color: #00c;
    outline: none;
}

/*此处待添加默认链接颜色*/

/* line 8, ../sass/_reset.scss */
var,
em,
strong {
    font-style: normal;
}

/* line 9, ../sass/_reset.scss */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit;
}

/* line 10, ../sass/_reset.scss */
del,
ins {
    text-decoration: none;
}

/* line 11, ../sass/_reset.scss */
li {
    list-style: none;
}

/* line 12, ../sass/_reset.scss */
caption,
th {
    text-align: left;
}

/* line 13, ../sass/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

/* line 14, ../sass/_reset.scss */
q:before,
q:after {
    content: '';
}

/* line 15, ../sass/_reset.scss */
abbr,
acronym {
    border: 0;
    font-variant: normal;
}

/* line 16, ../sass/_reset.scss */
sup {
    vertical-align: baseline;
}

/* line 17, ../sass/_reset.scss */
sub {
    vertical-align: baseline;
}

/* line 18, ../sass/_reset.scss */
legend {
    color: #000;
}

/* line 19, ../sass/_reset.scss */
input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* line 20, ../sass/_reset.scss */
input,
button,
textarea,
select {
    *font-size: 100%;
}

/* line 21, ../sass/_reset.scss */
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
    display: block;
}

/*body{-webkit-user-select:none;-webkit-text-size-adjust:none;}*/

/* line 23, ../sass/_reset.scss */
* {
    -webkit-tap-highlight-color: transparent;
}

/* line 24, ../sass/_reset.scss */
.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

/* line 25, ../sass/_reset.scss */
.clearfix {
    *zoom: 1;
}

/* line 26, ../sass/_reset.scss */
.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html, body, .wap {
    height: 100%;
}

.wap {
    display: flex;
    flex-direction: column;
}

/* line 2, ../sass/index.scss */
.header-bg {
    width: 100%;
    min-width: 1200px;
    height: 64px;
    flex-shrink: 0;
    background: #1c56a9;
}

/* line 8, ../sass/index.scss */
.header {
    width: 1200px;
    margin: 0 auto;
    padding-right: 10px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

/* line 13, ../sass/index.scss */
.header .logo {
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}

.header .p_r {
    color: #fff;
    font-size: 14px;
}

.header .p_r i {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

.header .p_r span {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

/* line 19, ../sass/index.scss */
.header .download {
    float: right;
    margin-top: 28px;
    margin-left: 27px;
    cursor: pointer;
}

/* line 25, ../sass/index.scss */
.header .download .main {
    position: relative;
    margin-right: 114px;
    width: 120px;
    height: 35px;
    color: white;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    background: #2878ea;
}

/* line 36, ../sass/index.scss */
.header .download .main:hover .type {
    display: block;
}

/* line 40, ../sass/index.scss */
.header .download .main img {
    float: left;
    margin-top: 8px;
    margin-left: 13px;
    margin-right: 8px;
}

/* line 59, ../sass/index.scss */
.header .download .type {
    display: none;
    position: absolute;
    bottom: -70px;
    z-index: 100;
}

/* line 64, ../sass/index.scss */
.header .download .type li {
    width: 120px;
    height: 35px;
    background: #2878ea;
}

/* line 68, ../sass/index.scss */
.header .download .type li a {
    display: block;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
}

/* line 76, ../sass/index.scss */
.header .download .type li:hover {
    background: #1056b9;
}

/* line 82, ../sass/index.scss */
.header .login-register {
    position: relative;
    float: right;
    margin-top: 28px;
    width: 113px;
    height: 35px;
    line-height: 35px;
    background: #2878ea;
    text-align: center;
}

/* line 92, ../sass/index.scss */
.header .login-register:hover .type {
    display: block;
}

/* line 96, ../sass/index.scss */
.header .login-register span {
    text-decoration: none;
    color: white;
    font-size: 12px;
}

/* line 101, ../sass/index.scss */
.header .login-register .login {
    color: #eb2f44;
    margin-right: 15px;
}

/* line 105, ../sass/index.scss */
.header .login-register .type {
    display: none;
    position: absolute;
    bottom: -70px;
    z-index: 100;
}

/* line 110, ../sass/index.scss */
.header .login-register .type li {
    width: 113px;
    height: 35px;
    background: #2878ea;
}

/* line 114, ../sass/index.scss */
.header .login-register .type li a {
    display: block;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
}

/* line 122, ../sass/index.scss */
.header .login-register .type li:hover {
    background: #1056b9;
}

/* line 131, ../sass/index.scss */
.nav-bg {
    height: 52px;
    background: #1c56a9;
}

/* line 134, ../sass/index.scss */
.nav-bg .nav {
    width: 1200px;
    margin: 0 auto;
}

/* line 138, ../sass/index.scss */
.nav-bg .nav ul li {
    float: left;
    height: 24px;
    padding: 14px 18px;
    text-align: center;
}

/* line 143, ../sass/index.scss */
.nav-bg .nav ul li:hover {
    background: #ff495d;
}

/* line 146, ../sass/index.scss */
.nav-bg .nav ul li a {
    color: white;
    text-decoration: none;
}


/* line 159, ../sass/index.scss */
.banner .b-1 {
    background: url("../images/home/index/trd/banner_1.jpg") center center no-repeat;
    background-size: cover;
}

/* line 163, ../sass/index.scss */
.banner .b-2 {
    background: url("../images/home/index/trd/banner2.jpg") center center no-repeat;
    background-size: cover;
}

/* line 168, ../sass/index.scss */
.banner-wrapper {
    position: relative;
    min-width: 1200px;
    flex: 1;
    display: flex;
    background: url("../images/index/hebei/banner_1_0_1.png") center center no-repeat;
    background-size: cover;
}

.banner {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1200px;
}

.banner_main {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.banner_img {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_img img {
    width: 574px;
    height: 678px;
}


/* line 171, ../sass/index.scss */
.select-type-bg {
    width: 270px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-bottom: 20px;
}

/* line 176, ../sass/index.scss */
.select-type-bg .select-type {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* line 180, ../sass/index.scss */
.select-type-bg .select-type li {
    width: 270px;
    height: 100px;
    background: #00dce8;
    margin: 7px 0;
    cursor: pointer;
}

.select-type-bg .select-type li> a {
    height: 100%;
    display: flex;
    align-items: center;
}

/* line 187, ../sass/index.scss */
.select-type-bg .select-type li:hover {
    background: #318EEE;
}

/* line 190, ../sass/index.scss */
.select-type-bg .select-type li> img {
    margin-left: 34px;
    margin-right: 12px;
    width: 68px;
    height: 68px;
}

/* line 196, ../sass/index.scss */
.select-type-bg .select-type li .box {
}

/* line 200, ../sass/index.scss */
.select-type-bg .select-type li> a {
    color: white;
    text-decoration: none;
}

/* line 203, ../sass/index.scss */
.select-type-bg .select-type li> a p {
    font-size: 24px;
    margin-bottom: 7px;
    line-height: 32px;
    font-weight: bold;
}

/* line 208, ../sass/index.scss */
.select-type-bg .select-type li> a span {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    background: url("../images/index/hebei/rsj.png") center right no-repeat;
    background-size: 10px 14px;
    padding-right: 16px;
    line-height: 24px;
    display: inline-block;
}

/* line 216, ../sass/index.scss */
.body-bg {
    width: 100%;
    min-width: 1200px;
    background: white;
    padding-bottom: 24px;
}

/* line 221, ../sass/index.scss */
.body-bg .body {
    width: 1200px;
    margin: 0 auto;
    background: white;
    padding-bottom: 106px;
}

/* line 226, ../sass/index.scss */
.body-bg .body .data {
    padding: 44px 40px 53px 30px;
}

/* line 228, ../sass/index.scss */
.body-bg .body .data .last {
    margin-right: 0;
}

/* line 231, ../sass/index.scss */
.body-bg .body .data li {
    float: left;
    width: 172px;
    height: 172px;
    border-radius: 50%;
    background: #2aa9e8;
    font-size: 26px;
    color: white;
    margin-right: 66px;
}

/* line 240, ../sass/index.scss */
.body-bg .body .data li p,
.body-bg .body .data li div {
    text-align: center;
}

/* line 243, ../sass/index.scss */
.body-bg .body .data li div {
    margin-top: 16px;
}

/* line 246, ../sass/index.scss */
.body-bg .body .data li p {
    padding-top: 43px;
    padding-bottom: 10px;
    margin: 0 23px;
    border-bottom: 2px solid white;
}

/* line 254, ../sass/index.scss */
.body-bg .body .common-rank {
    padding-top: 72px;
    margin-bottom: 40px;
    border: 1px solid #7ecef4;
}

/* line 257, ../sass/index.scss */
.body-bg .body .common-rank .img-data {
    margin-left: 12px;
    margin-bottom: 23px;
}

/* line 261, ../sass/index.scss */
.body-bg .body .common-rank h2 {
    width: 467px;
    height: 58px;
    border-radius: 14px;
    font-size: 30px;
    color: white;
    background: #00c6d8;
    text-align: center;
    line-height: 58px;
    margin: 0 auto 34px;
}

/* line 272, ../sass/index.scss */
.body-bg .body .common-rank table {
    width: 100%;
}

/* line 274, ../sass/index.scss */
.body-bg .body .common-rank table .row1,
.body-bg .body .common-rank table .row1-1 {
    border-radius: 6px 0 0 6px;
}

/* line 277, ../sass/index.scss */
.body-bg .body .common-rank table th {
    position: relative;
    color: white;
    height: 43px;
    background: #55c6eb;
    text-align: center;
}

/* line 283, ../sass/index.scss */
.body-bg .body .common-rank table th em {
    position: absolute;
    top: 16px;
    right: 0;
    width: 2px;
    height: 15px;
    background: white;
}

/* line 292, ../sass/index.scss */
.body-bg .body .common-rank table .even {
    background: #f5f5f5;
}

/* line 295, ../sass/index.scss */
.body-bg .body .common-rank table .odd {
    background: white;
}

/* line 298, ../sass/index.scss */
.body-bg .body .common-rank table td {
    position: relative;
    color: #000000;
    text-align: center;
    font-size: 12px;
    height: 36px;
}

/* line 304, ../sass/index.scss */
.body-bg .body .common-rank table td img {
    position: absolute;
    right: 28px;
}

/* line 309, ../sass/index.scss */
.body-bg .body .common-rank table .row1-1 {
    width: 110px;
}

/* line 312, ../sass/index.scss */
.body-bg .body .common-rank table .row2-1,
.body-bg .body .common-rank table .row3-1,
.body-bg .body .common-rank table .row4-1,
.body-bg .body .common-rank table .row5-1,
.body-bg .body .common-rank table .row6-1,
.body-bg .body .common-rank table .row7-1,
.body-bg .body .common-rank table .row9-1 {
    width: 143px;
}

/* line 315, ../sass/index.scss */
.body-bg .body .common-rank table .row2-2,
.body-bg .body .common-rank table .row3-2,
.body-bg .body .common-rank table .row4-2,
.body-bg .body .common-rank table .row5-2,
.body-bg .body .common-rank table .row6-2,
.body-bg .body .common-rank table .row7-2,
.body-bg .body .common-rank table .row9-2 {
    width: 175px;
}

/* line 318, ../sass/index.scss */
.body-bg .body .common-rank table .row10,
.body-bg .body .common-rank table .row9-1 {
    border-radius: 0 6px 6px 0;
}

/* line 322, ../sass/index.scss */
.body-bg .body .common-rank .table-data {
    padding: 0 15px 37px;
}

/* line 330, ../sass/index.scss */
.footer {
    flex-shrink: 0;
    width: 100%;
    min-width: 1200px;
    background: #024299;
    text-align: center;
    color: white;
    font-size: 12px;
    padding: 16px 0 8px 0;
}

.footer p {
    margin-bottom: 8px;
}

.footer a {
    color: white;
    text-decoration: underline;
}

.footer a:hover {
    text-decoration: underline;
}

.footer em {
    margin-left: 8px;
    margin-right: 8px;
}

/* line 343, ../sass/index.scss */
.footer .logo {
    float: left;
    margin-top: 12px;
    margin-right: 49px;
}

/* line 348, ../sass/index.scss */
.footer .copyright {
    padding-left: 4px;
}

/* line 351, ../sass/index.scss */
.footer p {
    font-size: 12px;
}

.footer strong {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}

.footer .cop {
    text-align: center;
    margin-bottom: 20px;
}

/* line 355, ../sass/index.scss */
.footer strong a {
    color: white;
    text-decoration: underline;
    padding-right: 7px;
    border-right: 1px solid white;
}

.footer strong a:hover {
    text-decoration: underline;
}

.shadow {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 100;
    top: 0;
}

.footer strong .contact-us {
    color: #df8e0f;
}

.contact-img {
    position: fixed;
    width: 0px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 120;
    text-align: center;;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.contact-img-animate {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.contact-img-animate img {
    width: 100%;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
    padding-top: 20px;
}

.pull-right .btn001 {
    margin-left: 10px;
    line-height: 34px;
    padding: 0 20px;
    color: #fff;
    background-color: #318eee;
    display: inline-block;
}

.pull-right .btn001:hover {
    background-color: #216ebd;
}

.tree {
    width: 584px;
    height: 201px;
    background: url(../images/home/shuT.png) no-repeat center center;
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: -150px;
}

.tree_t {
    position: absolute;
    top: 0px;
    left: 175px;
    width: 187px;
}

.tree_l {
    position: absolute;
    top: -13px;
    left: 0;
    width: 201px;
    background: url(../images/home/shu_l0.png) no-repeat center center;
    height: 201px;
    color: #fff;
    padding: 74px 10px 0;
    font-weight: bold;
    z-index: 1;
    line-height: 30px;
    box-sizing: border-box;
}

.tree_r {
    position: absolute;
    top: -13px;
    right: 0;
    width: 201px;
    background: url(../images/home/shu_r.png) no-repeat center center;
    height: 201px;
    color: #fff;
    padding: 74px 10px 0;
    font-weight: bold;
    z-index: 1;
    line-height: 30px;
    box-sizing: border-box;
}

.tree_bg {
    position: absolute;
    top: -26px;
    right: 0;
    width: 201px;
    background: url(../images/home/shu_bg.png) no-repeat center center;
    height: 201px;
    z-index: 2;
    cursor: pointer;
}

.tree_bg_l {
    right: auto;
    left: 0;
}

.tree_r_acitve {
    background-image: url(../images/home/shu_r0.png)
}

.tree_l_acitve {
    background-image: url(../images/home/shu_l0.png)
}

.map {
    width: 45%;
    height: 70%;
    position: absolute;
    top: 5%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    text-align: left;
    vertical-align: middle;
}

.map img {
    height: 100%;
    width: auto;
}

.mid {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1600px) {
    .banner_img img {
        /*zoom: 0.85;*/
        transform: scale(.85);

    }

    .select-type-bg {
        /*zoom: 0.9;*/
        transform: scale(.9);
    }
}

@media (max-width: 1440px) {
    .banner_img img {
        /*zoom: 0.8;*/
        transform: scale(.8);
    }

    .select-type-bg {
        /*zoom: 0.9;*/
        transform: scale(.9);
    }

    .header, .banner_main {
        /*zoom: 0.9;*/
        transform: scale(0.9);
    }

    .footer {
        height: 50px;
    }
}

@media (max-width: 1366px) {
    .banner_img img {
        /*zoom: 0.75;*/
        transform: scale(.75);

    }

    .select-type-bg {
        /*zoom: 0.8;*/
        transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);

    }

    .header,
    .banner_main {
        /*zoom: 0.85;*/
        transform: scale(0.85);
        -ms-transform: scale(0.85);
        -moz-transform: scale(0.85);
    }

    .footer {
        height: 45px;
    }
}